<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>创作中心</title>
    <link rel="short icon" href="images/style/shijiao.ico">
    <script src="js/jquery/jquery1.12.4.js"></script>
    <script src="js/jquery/jquerysession.js"></script>
    <script src="js/jquery/jquerycookie.js"></script>
    <script src="js/bootstrap/bootstrap.js"></script>

    <link rel="stylesheet" href="css/bootstrap/css/bootstrap.css">
    <link href="css/index/wy_main.css" rel="stylesheet">
    <link href="css/index/user.css" rel="stylesheet">
    <link href="css/index/user-container/container.css" rel="stylesheet">
    <link rel="stylesheet" href="css/create/header_all.css">
    <link rel="stylesheet" href="css/create/create.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/5.15.3/css/all.min.css" rel="stylesheet">
    <!--设置头像-->
    <link rel="stylesheet" href="css/create/head.css">
    <link rel="stylesheet" href="js/other/header/css/amazeui.min.css">
    <link rel="stylesheet" href="js/other/header/css/amazeui.cropper.css">
    <link rel="stylesheet" href="js/other/header/css/custom_up_img.css">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <style type="text/css">
        .up-img-cover {
            width: 100px;
            height: 100px;
        }

        .up-img-cover img {
            width: 100%;
        }

        .up-img-txt label {
            font-weight: 100;
            margin-top: 50px;
        }
    </style>
</head>
<body>

<div class="navbar navbar-default">
    <div class="container-fluid header_all">
        <div class="navbar-header col-sm-2 col-md-2">
            <a href="index.html" class="navbar-brand"></a>
            <a href="index.html"
               style="font-size: 30px;font-family:'楷体',serif;color: #ea0c3c;font-weight: bold;margin-left: -10px">视角</a>
        </div>
        <ul class="nav navbar-nav navbar-right col-sm-2 col-md-2">
            <!--<li><a href="login.html?type=login" style="margin-right: 50px">登录</a></li>-->
            <li class="yonghu"><img src="" class="img-circle" alt="头像"></li>
            <li class="yonghu"><a href="#" id="user_name">视角用户</a></li>
        </ul>
        <div class="demo">
            <div id="demo_shezhi" type="shezhi">
                <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                <a>设置</a>
            </div>
            <div>
                <span class="glyphicon glyphicon-off" aria-hidden="true"></span>
                <a class="logout" id="logout">退出登录</a>
            </div>
        </div>

    </div>
</div>
<div class="container-fluid">
    <div class="col-sm-2 col-md-2">
        <div class="panel-group" id="accordion">

            <div class="panel panel-default" type="zhuye" id="zhuye">
                <div class="panel-heading" data-toggle="collapse">
                    <h4 class="panel-title">
                        <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                        <a>主页</a>
                    </h4>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading chuangzuo" data-toggle="collapse" href="#collapseOne">
                    <h4 class="panel-title">
                        <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
                        <a>创作</a>
                        <span class="jiantou glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                    </h4>

                </div>
                <div id="collapseOne" class="panel-collapse collapse">
                    <!-in 默认展开-->
                    <div class="panel-body">
                        <div class="list-group side-bar">
                            <!--<a class="list-group-item" href="publish.html?type=xinwen" target="_blank">新闻</a>-->
                            <a class="list-group-item" href="publish.html?type=wenzhang">文章</a>
                            <a class="list-group-item" href="publish.html?type=shipin">视频</a>
                            <a class="list-group-item" href="publish.html?type=tuwen">图文</a>
                            <a class="list-group-item" href="publish.html?type=weitoutiao">微头条</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default">
                <div class="panel-heading guanli" data-toggle="collapse" href="#collapseTwo" aria-expanded="false">
                    <h4 class="panel-title">
                        <span class="glyphicon glyphicon-tasks" aria-hidden="true"></span>
                        <a>管理</a>
                        <span class="jiantou glyphicon glyphicon-menu-down" aria-hidden="true"></span>
                    </h4>
                </div>
                <div id="collapseTwo" class="panel-collapse collapse">
                    <div class="panel-body">
                        <div class="list-group side-bar">
                            <a class="list-group-item Two_zuopin" type="zuopinguanli" href="#">作品管理</a>
                            <a class="list-group-item Two_pinglun" type="pinglunguanli" href="#">评论管理</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel panel-default" type="shezhi" id="shezhi">
                <div class="panel-heading" data-toggle="collapse">
                    <h4 class="panel-title">
                        <span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
                        <a>设置</a>
                    </h4>
                </div>
            </div>

        </div>
    </div>
    <div class="col-sm-10 col-md-10">
        <div class="main container-fluid">
            <div class="zhuye" style="display: block">
                <div class="col-sm-8 col-md-8 main_left">
                    <div>
                        <div class="col-md-3 col-sm-4 xinxi">
                            <div class="xinxi_1">头条</div>
                            <div class="xinxi_2" id="user_allwork"></div>
                            <div class="xinxi_3"></div>
                        </div>
                        <div class="col-md-3 col-sm-4 xinxi">
                            <div class="xinxi_1">关注</div>
                            <div class="xinxi_2" id="user_attent"></div>
                            <div class="xinxi_3"></div>
                        </div>
                        <div class="col-md-3 col-sm-4 xinxi">
                            <div class="xinxi_1">粉丝</div>
                            <div class="xinxi_2" id="user_fans"></div>
                            <div class="xinxi_3"></div>
                        </div>
                        <div class="col-md-3 col-sm-4 xinxi">
                            <div class="xinxi_1">获赞</div>
                            <div class="xinxi_2" id="user_like"></div>
                            <div class="xinxi_3"></div>
                        </div>
                    </div>
                    <div>
                        <div class="zhanshi_1">近期作品</div>
                        <div class="zhanshi_2 zuopin_but">
                            更多<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                        </div>
                        <div class="clear"></div>
                        <div class="zhanshi_3" id="xiangqing_index">
                            <div class="col-md-2" id="user_work_img" style="text-align: center">

                            </div>
                            <div class="col-md-2">
                                <div id="user_work_name"></div>
                                <div class="xinxi_3" id="user_work_time"><span></span></div>
                            </div>
                            <div class="col-md-2"></div>
                            <div class="col-md-2">

                            </div>
                            <div class="col-md-2">
                                <div id="user_work_comm"></div>
                                <div class="xinxi_3"><span>评论</span></div>
                            </div>
                            <div class="col-md-2">
                                <div id="user_work_like"></div>
                                <div class="xinxi_3"><span>点赞</span></div>
                            </div>
                        </div>
                        <!--轮播过渡效果slide-->
                        <div id="myCarousel" class="carousel lunbotu" data-ride="carousel" data-interval="3000">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner">

                            </div>
                            <!-- 轮播（Carousel）导航 -->
                            <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>

                    </div>
                </div>
                <div class="col-sm-4 col-md-4 main_right">
                    <div class="main_right_top">
                        <div class="zhanshi_1">
                            消息
                        </div>
                        <!--<span class="glyphicon glyphicon-arrow-up" aria-hidden="true" id="but_up"></span>-->
                        <!--<span class="glyphicon glyphicon-arrow-down" aria-hidden="true" id="but_down"></span>-->
                        <div class="zhanshi_2 xiaoxi_but">
                            更多<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>
                        </div>
                        <div class="clear"></div>
                        <div class="xiaoxi" id="scrollDiv">
                            <ul id="user_message" style="padding: 5px">

                            </ul>
                        </div>
                    </div>
                    <div class="main_right_bottom">
                        <div class="zhanshi_1">热点</div>
                        <div class="zhanshi_2 redian_but">
                            <!--                            更多<span class="glyphicon glyphicon-menu-right" aria-hidden="true"></span>-->
                        </div>
                        <div class="clear"></div>
                        <div class="redian">


                        </div>
                    </div>


                </div>
            </div>
            <div class="shezhi" style="display: none">
                <div class="shezhi_top">
                    <div class="col-md-2 shezhi_title"><h3><span>帐号详情</span></h3></div>
                </div>
                <div class="block">
                    <div class="col-md-2 block_title"><h4 style="line-height: 70px">帐号信息</h4></div>
                    <div class="col-md-10 block-container">
                        <div class="xiangqing">
                            <div class="col-md-2">账号</div>
                            <div class="col-md-9" id="user_account"></div>
                            <div class="col-md-1"></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">认证</div>
                            <div class="col-md-9 renzheng"></div>
                            <div class="col-md-1"><a class="myModal" type="renzheng">申请</a></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">头像</div>
                            <div class="col-md-9">
                                <div class="ft_img" id="ft_img">
                                    <img src="" title="点击更换头像" class="t_img" id="user_headimg"/>
                                </div>
                                <div class="s_box" id="sbox">
                                    <div class="header">
                                        <p>设置头像</p>
                                        <span class="close" id="close">x</span>
                                    </div>
                                    <div class="bt_box">
                                        <div id="file0" style="color: black;cursor:pointer">选择图片<span
                                                style="color: grey;margin-left: 8px" id="headimg_name"></span></div>
                                        <a class="gb" href="javascript:" id="hide">关闭</a>
                                        <a class="queren" href="javascript:" id="but">保存头像</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-1"></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">昵称</div>
                            <div class="col-md-9 nicheng"></div>
                            <div class="col-md-1"><a class="myModal" type="nicheng">编辑</a></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">签名</div>
                            <div class="col-md-9 qianming"></div>
                            <div class="col-md-1"><a class="myModal" type="qianming">编辑</a></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">性别</div>
                            <div class="col-md-9">
                                <label id="user_sex1"><i class="fa fa-male" aria-hidden="true" style="color: blue"></i>&nbsp;&nbsp;男&nbsp;&nbsp;</label>
                                <label id="user_sex2"><i class="fa fa-female" aria-hidden="true"
                                                         style="color: #ff6135"></i>&nbsp;&nbsp;女</label>
                            </div>
                            <div class="col-md-1"></div>
                        </div>
                        <div class="xiangqing">
                            <div class="col-md-2">密码</div>
                            <div class="col-md-9 mima"><input type="password" disabled style="border:0 ;outline:none;">
                            </div>
                            <div class="col-md-1"><a class="myModal" type="mima">编辑</a></div>
                        </div>
                        <!-- 模态框（Modal） -->
                        <div class="modal fade" id="myModal" data-backdrop tabindex="-1" role="dialog"
                             aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                                        </button>
                                        <h4 class="modal-title" id="myModalLabel">编辑</h4>
                                    </div>
                                    <div class="modal-body" id="modal_renzheng">

                                    </div>
                                    <div class="modal-body" id="modal_text">
                                        <input class="modal-text" style="width: 80%" type="text" placeholder="请输入">
                                    </div>
                                    <div class="modal-body" id="modal_zhuce" style="display: none">
                                        <input style="width: 50%" type="text" id="logon_phone" placeholder="手机号">
                                        <div style="width: 50%">
                                            <input id="yanzhengma_text1" type="text" placeholder="验证码">
                                            <input id="yanzhengma_but1" type="button" value="获取验证码"
                                                   style="float: right">
                                        </div>
                                        <input style="width: 50%" type="password" autocomplete=“off”
                                               id="login_password2" placeholder="密码">
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                        <button type="button" class="btn btn-primary">提交更改</button>
                                    </div>
                                </div>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            <div class="zuopinguanli" style="display: none">
                <div class="col-md-9 tab-container">
                    <div class="profile-tabs">
                        <div class="tabs-nav">
                            <div class="tab-item active all">
                                全部
                            </div>
                            <div class="tab-item article">
                                文章
                            </div>
                            <div class="tab-item Headlines">
                                微头条
                            </div>
                            <div class="tab-item img-text">
                                图文
                            </div>
                            <div class="tab-item video">
                                视频
                            </div>
                            <div class="tab-item micro-video">
                                短视频
                            </div>
                            <div class="tab-item">
                                |
                            </div>
                            <div class="tab-item collection">
                                收藏
                            </div>
                            <div class="tab-item caogaoxiang">
                                草稿箱
                            </div>
                            <div class="user_search">
                                <input type="text" class="form-control" placeholder="搜索">
                                <button id="search_btn" class="btn btn-primary" type="button">搜索</button>
                            </div>
                        </div>
                        <div class="feed-box">
                            <div class="feed-list  all-item">

                            </div>
                            <div class="feed-list hide article-item">

                            </div>
                            <div class="feed-list hide Headlines-item">

                            </div>
                            <div class="feed-list hide img-text-item">

                            </div>
                            <div class="feed-list hide video-item">

                            </div>
                            <div class="feed-list hide micro-video-item">

                            </div>
                            <div class="feed-list hide collection-item">

                            </div>
                            <div class="feed-list hide caogaoxiang-item">

                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="pinglunguanli" style="display: none">
                <div class="shezhi_top">
                    <div class="col-md-2 shezhi_title"><h3><span>我的评论</span></h3></div>
                </div>
                <div class="block">
                    <div class="col-md-10 block-container" id="pinglun_xiangqing">

                    </div>
                </div>
            </div>

            <div class="gonggao_xiaoxi" style="display: none">
                <div class="shezhi_top">
                    <div class="col-md-2 gonggao_title"><h3><span>公告</span></h3></div>
                </div>
                <div class="block">
                    <div class="xiaoxi" id="user_allmessage">

                    </div>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal" id="myModal_mess" data-backdrop tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button>
                <h4 class="modal-title">消息</h4>
            </div>
            <div class="modal-body">

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<div class="mengban2" style="display: none;z-index:99998 "></div>
<!--图片上传框-->
<div class="am-modal am-modal-no-btn up-modal-frame" tabindex="-1" id="up-modal-frame">
    <div class="am-modal-dialog up-frame-parent up-frame-radius">
        <div class="am-modal-hd up-frame-header">
            <label>修改头像</label>
            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
        </div>
        <div class="am-modal-bd  up-frame-body">
            <div class="am-g am-fl">

                <div class="am-form-group am-form-file">
                    <div class="am-fl">
                        <button type="button" class="am-btn am-btn-default am-btn-sm">
                            <i class="am-icon-cloud-upload"></i> 选择要上传的文件
                        </button>
                    </div>
                    <input type="file" class="up-img-file">
                </div>
            </div>
            <div class="am-g am-fl">
                <div class="up-pre-before up-frame-radius">
                    <img alt="" src="" class="up-img-show" id="up-img-show">
                </div>
                <div class="up-pre-after up-frame-radius">
                </div>
            </div>
            <div class="am-g am-fl">
                <div class="up-control-btns">
                    <span class="am-icon-rotate-left" id="up-btn-left"></span>
                    <span class="am-icon-rotate-right" id="up-btn-right"></span>
                    <span class="am-icon-check up-btn-ok" url="/admin/user/upload.action"
                          parameter="{width:'100',height:'100'}">
    				</span>
                </div>
            </div>

        </div>
    </div>
</div>
<!--加载框-->
<div class="am-modal am-modal-loading am-modal-no-btn" tabindex="-1" id="up-modal-loading">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">正在上传...</div>
        <div class="am-modal-bd">
            <span class="am-icon-spinner am-icon-spin"></span>
        </div>
    </div>
</div>
<!--警告框-->
<div class="am-modal am-modal-alert" tabindex="-1" id="up-modal-alert">
    <div class="am-modal-dialog">
        <div class="am-modal-hd">信息</div>
        <div class="am-modal-bd" id="alert_content">
            成功了
        </div>
        <div class="am-modal-footer">
            <span class="am-modal-btn">确定</span>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" src="js/other/upload/lib/crypto1/crypto/crypto.js"></script>
<script type="text/javascript" src="js/other/upload/lib/crypto1/hmac/hmac.js"></script>
<script type="text/javascript" src="js/other/upload/lib/crypto1/sha1/sha1.js"></script>
<script type="text/javascript" src="js/other/upload/lib/base64.js"></script>
<script type="text/javascript" src="js/other/upload/lib/plupload-2.1.2/js/plupload.full.min.js"></script>
<script src="js/other/header/js/amazeui.min.js" charset="utf-8"></script>
<script src="js/other/header/js/cropper.min.js" charset="utf-8"></script>

<script src="js/main.js"></script>
<script src="js/create/create.js"></script>
<script src="js/other/header/js/custom_up_img.js" charset="utf-8"></script>
<script src="js/other/upload/upload.js"></script>
</html>